var data1 = [
		['3m Co','71.72','0.02','0.03','4/2 12:00am','Manufacturing'],
		['Alcoa Inc','29.01','0.42','1.47','4/1 12:00am','Manufacturing'],
		['Altria Group Inc','83.81','0.28','0.34','4/3 12:00am','Manufacturing'],
		['American Express Company','52.55','0.01','0.02','4/8 12:00am','Finance'],
		['AT&T Inc.','31.61','-0.48','-1.54','4/8 12:00am','Services'],
		['Boeing Co.','75.43','0.53','0.71','4/8 12:00am','Manufacturing'],
		['Caterpillar Inc.','67.27','0.92','1.39','4/1 12:00am','Services'],
		['E.I. du Pont de Nemours and Company','40.48','0.51','1.28','4/1 12:00am','Manufacturing'],
		['Exxon Mobil Corp','68.1','-0.43','-0.64','4/3 12:00am','Manufacturing'],
		['General Electric Company','34.14','-0.08','-0.23','4/3 12:00am','Manufacturing'],
		['General Motors Corporation','30.27','1.09','3.74','4/3 12:00am','Automotive'],
		['Hewlett-Packard Co.','36.53','-0.03','-0.08','4/3 12:00am','Computer'],
		['Honeywell Intl Inc','38.77','0.05','0.13','4/3 12:00am','Manufacturing'],
		['Intel Corporation','19.88','0.31','1.58','4/2 12:00am','Computer'],
		['International Business Machines','81.41','0.44','0.54','4/1 12:00am','Computer'],
		['Johnson & Johnson','64.72','0.06','0.09','4/2 12:00am','Medical'],
		['JP Morgan & Chase & Co','45.73','0.07','0.15','4/2 12:00am','Finance'],
		['McDonalds Corporation','36.76','0.86','2.40','4/2 12:00am','Food'],
		['Microsoft Corporation','25.84','0.14','0.54','4/2 12:00am','Computer'],
		['Pfizer Inc','27.96','0.4','1.45','4/8 12:00am','Services, Medical'],
		['The Coca-Cola Company','45.07','0.26','0.58','4/1 12:00am','Food'],
		['The Procter & Gamble Company','61.91','0.01','0.02','4/1 12:00am','Manufacturing'],
		['United Technologies Corporation','63.26','0.55','0.88','4/1 12:00am','Computer'],
		['Verizon Communications','35.57','0.39','1.11','4/3 12:00am','Services'],
		['Walt Disney Company (The) (Holding Company)','29.89','0.24','0.81','4/1 12:00am','Service']
		] ;

var data2 = [
		['3m Co','71.72','0.02','0.03','4/2 12:00am','Manufacturing'],
		['Alcoa Inc','29.01','0.42','1.47','4/1 12:00am','Manufacturing'],
		['Altria Group Inc','83.81','0.28','0.34','4/3 12:00am','Manufacturing'],
		['American Express Company','52.55','0.01','0.02','4/8 12:00am','Finance'],
		['AT&T Inc.','31.61','-0.48','-1.54','4/8 12:00am','Services'],
		['Boeing Co.','75.43','0.53','0.71','4/8 12:00am','Manufacturing'],
		['Caterpillar Inc.','67.27','0.92','1.39','4/1 12:00am','Services'],
		['E.I. du Pont de Nemours and Company','40.48','0.51','1.28','4/1 12:00am','Manufacturing'],
		['Exxon Mobil Corp','68.1','-0.43','-0.64','4/3 12:00am','Manufacturing'],
		['General Electric Company','34.14','-0.08','-0.23','4/3 12:00am','Manufacturing'],
		['General Motors Corporation','30.27','1.09','3.74','4/3 12:00am','Automotive'],
		['Hewlett-Packard Co.','36.53','-0.03','-0.08','4/3 12:00am','Computer'],
		['Honeywell Intl Inc','38.77','0.05','0.13','4/3 12:00am','Manufacturing'],
		['Intel Corporation','19.88','0.31','1.58','4/2 12:00am','Computer'],
		['International Business Machines','81.41','0.44','0.54','4/1 12:00am','Computer'],
		['Johnson & Johnson','64.72','0.06','0.09','4/2 12:00am','Medical'],
		['JP Morgan & Chase & Co','45.73','0.07','0.15','4/2 12:00am','Finance'],
		['McDonalds Corporation','36.76','0.86','2.40','4/2 12:00am','Food'],
		['Microsoft Corporation','25.84','0.14','0.54','4/2 12:00am','Computer'],
		['Pfizer Inc','27.96','0.4','1.45','4/8 12:00am','Services, Medical'],
		['The Coca-Cola Company','45.07','0.26','0.58','4/1 12:00am','Food'],
		['The Procter & Gamble Company','61.91','0.01','0.02','4/1 12:00am','Manufacturing'],
		['United Technologies Corporation','63.26','0.55','0.88','4/1 12:00am','Computer'],
		['Verizon Communications','35.57','0.39','1.11','4/3 12:00am','Services'],
		['Walt Disney Company (The) (Holding Company)','29.89','0.24','0.81','4/1 12:00am','Service']
		] ;

var datareader1 = new Ext.data.ArrayReader({
		},
		[
		{name: 'company'},
		{name: 'price',type: 'float'},
		{name: 'change',type: 'float'},
		{name: 'pctchange',type: 'float'},
		{name: 'lastupdated',type: 'date',dateFormat: 'n/j h:ia'},
		{name: 'industry'}
		]) ;

var datareader2 = new Ext.data.ArrayReader({
		},
		[
		{name: 'company'},
		{name: 'price',type: 'float'},
		{name: 'change',type: 'float'},
		{name: 'pctchange',type: 'float'},
		{name: 'lastupdated',type: 'date',dateFormat: 'n/j h:ia'},
		{name: 'industry'}
		]) ;

var cbsm = new Ext.grid.CheckboxSelectionModel({
		}) ;

var groupstore = new Ext.data.GroupingStore({
		sortInfo: {field: 'company',direction: 'ASC'},
		proxy: new Ext.data.MemoryProxy(data1),
		groupField: 'industry',
		reader: datareader1
		}) ;

var datastore = new Ext.data.Store({
		proxy: new Ext.data.MemoryProxy(data2),
		reader: datareader2
		}) ;

var groupview = new Ext.grid.GroupingView({
		forceFit: true,
		groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
		}) ;

var grid = new Ext.grid.GridPanel({
		title: 'test grid',
		store: groupstore,
		view: groupview,
		width: 700,
		height: 400,
		columns: [
		{id: 'company',header: 'Company',dataIndex: 'company',sortable: true,width: 200},
		{header: 'Price',dataIndex: 'price',sortable: true,width: 80},
		{header: 'Change',dataIndex: 'change',renderer: Ext.util.Format.usMoney,sortable: true,width: 80},
		{header: 'Industry',dataIndex: 'industry',sortable: true,width: 150},
		{header: 'Last Updated',dataIndex: 'lastupdated',renderer: Ext.util.Format.dateRenderer('m/d/Y'),sortable: true,width: 80}
		]}) ;

var grid2 = new Ext.grid.GridPanel({
		sm: cbsm,
		title: 'test grid 2',
		store: datastore,
		width: 700,
		height: 400,
		columns: [
		cbsm,
		{id: 'company',header: 'Company',dataIndex: 'company',sortable: true,width: 200},
		{header: 'Price',dataIndex: 'price',sortable: true,width: 80},
		{header: 'Change',dataIndex: 'change',renderer: Ext.util.Format.usMoney,sortable: true,width: 80},
		{header: 'Industry',dataIndex: 'industry',sortable: true,width: 150},
		{header: 'Last Updated',dataIndex: 'lastupdated',renderer: Ext.util.Format.dateRenderer('m/d/Y'),sortable: true,width: 80}
		]}) ;

var complex = new Ext.FormPanel({
		defaultType: 'textfield',
		frame: true,
		labelWidth: 75,
		width: 350,
		url: 'test.html',
		name: 'complex',
		bodyStyle: 'padding:5px 5px 0',
		title: 'Complex Form',
		defaults: {width: 230},
		items: [
		{fieldLabel: 'First Name',name: 'first'},
		{fieldLabel: 'Last Name',name: 'last'},
		{fieldLabel: 'Email',name: 'email',vtype: 'email'},
		{fieldLabel: 'Password',name: 'password'},
		{label: 'Gender',name: 'gender'},
		{label: 'Address',name: 'address'},
		{label: 'City',name: 'city'},
		{label: 'State',name: 'state'}
		],
		buttons: [
		{text: 'Save'},
		{text: 'Cancel'}
		]}) ;

